<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div>
    <form action="/" method="post">
        <input type="text" name="one" id="one">
        <input type="text" name="fuhao" value="fuhao" id="fuhao">
        <input type="text" name="two" id="two">
        <input type="button" name="button" id="button" value="over">
    </form>
    <button id="shu">输出结果是:</button>
    {{/*{{.One}} {{.Fuhao}} {{.Two}} {{.Dengyu}}   {{.Resu}}*/}}
    <div id="ddd">

    </div>

</div>
</body>
<script>
    document.getElementById("button").onclick = ()=> {// 发送数据使用post 貌似不能使用post来接受数据。
        console.log(document.getElementById("one").value)
        fetch('/', {
            method: 'POST',
            headers: {
                'Content-Type': 'application/json', // 头一定不能少
            },
            body: JSON.stringify({ // 前端往后端传输数据果然还是json最好用。
                one: document.getElementById("one").value,
                two: document.getElementById("two").value,
                fuhao:document.getElementById("fuhao").value,
                dengyu:"=",
            })
        })
    }
    document.getElementById("shu").onclick = () => { // 请求数据使用get请求
        fetch('/s')
            .then(res => res.text()).then(b => {document.getElementById("ddd").innerText = b})
            .catch(err =>{console.log('parsing failed', ex)})
    }

</script>
</html>